<g-data-source url="/grule-manager/monitor/report"
               data-source-name="reportSource"
               data-params="reportParams"
               page="true">
</g-data-source>
<!--右列-->
<div class="sidebar-right">
    <!--标题-->
    <div class="sidebar-right-title">
        <div class="sidebar-right-title-l">报表监控</div>
        <div class="clear"></div>
    </div>
    <!--标题结束-->
    <!--详细内容-->
    <div class="engine-tab-content project-management report-monitoring">
        <!--搜索-->
        <div class="report-monitoring-search">
            <div class="search-l">
                <!--时段选择-->
                <ul class="time-selection">
                    <g-date-ranger ng-model="dateRange" class="pull-left" button-click="search()"></g-date-ranger>
                </ul>
                <!--时段选择结束-->
                <!--规则包查询-->
                <ul class="packet-query">
                    <li>项目名：</li>
                    <li>
                       <input type="text" ng-model = "reportParams.projectName"/>
                    </li>
                    <li>规则包名：</li>
                    <li>
                        <input type="text" ng-model = "reportParams.packageName"/>
                    </li>
                    <li><button type="button" class="engine-btn-default" ng-click="search()"><i class="icon-engine-search"></i>查询</button></li>
                </ul>
                <div class="clear"></div>
                <!--规则包查询结束-->
            </div>
            <div class="search-r"><button type="button" class="engine-btn-default" ng-click="errLog()"><i class="icon-engine-see"></i>查看所有错误</button></div>
            <div class="clear"></div>
        </div>
        <!--搜索结束-->
        <!--提醒-->
        <div class="eliminate-remind">
            <div class="eliminate-remind-l"><i class="icon-engine-remind"></i></div>
            <div class="eliminate-remind-r">系统将自动清理30天前的监控数据！</div>
            <div class="clear"></div>
        </div>
        <!--提醒结束-->
        <!--表格-->
        <div  style="height: 200px">
            <g-data-grid   data-source-name="reportSource"
                           ng-cloak >
                <g-column width="200" align="center"  data="projectName">
                    项目名
                </g-column>
                <g-column width="300" align="center" data="packageName">
                    规则包名
                </g-column>
                <g-column align="center"  data="executorTime">
                    监控时间
                </g-column>
                <g-column align="center"  data="normalCount">
                    运行次数
                </g-column>
                <g-column align="center"  data="normalExecutionTime">
                    平均时间
                </g-column>

                <g-column width="15%" align="center" >
                    错误次数
                    <g-column-tmpl >
                        <a href="javascript:" ng-click="showErrLog(row)"><span style="color: red">{{row.errorCount}}</span></a>
                    </g-column-tmpl>
                </g-column>

            </g-data-grid>

            <g-pagination-navi source-name="reportSource"></g-pagination-navi>
        </div>
        <!--表格结束-->
    </div>
    <!--表格结束-->
</div>
<!--详细内容结束-->
</div>
<!--右列结束-->